<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
		<title>首页</title>
		
		<link rel="stylesheet" type="text/css" href="plugin/bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="plugin/font-awesome-4.6.3/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="plugin/Swiper-3.3.1/dist/css/swiper.css"/>
		
		<link rel="stylesheet" type="text/css" href="src/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="src/css/index.css"/>
		
		<script src="plugin/angular/angular.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="plugin/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="plugin/Swiper-3.3.1/dist/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		
		<script src="" type="text/javascript" charset="utf-8"></script>
		<script src="src/js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="position.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-------头------->
		<header>
			<div class="header_close"><i class="fa fa-close"></i></div>
			<div class="title">汽车美容中心</div>
			<div class="show"><i class="fa fa-th-list"></i></div>
		</header>
		<div class="position">获取定位</div>
		
		<!---------内容--------->
		<div class="yf_content">
			<!---------轮播-------->
		    <div class="swiper-container" id="swiper">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide"><img src="src/img/20120723106.jpg"/></div>
		            <div class="swiper-slide"><img src="src/img/20130907000069.jpeg"/></div>
		            <div class="swiper-slide"><img src="src/img/201408051751451190.jpg"/></div>
		        </div>
		        <!-- Add Pagination -->
		        <div class="swiper-pagination"></div>
		    </div>	
		    
		    <!-----热门服务---->
		    <div class="hotService">
		    	<div class="titl">热门服务</div>
	    		<ul class="list">
	    			<li><a href="#">
	    				<div class="img"><img src=""/></div>
	    				<p>汽车美容</p>
	    			</a></li>
	    			<li><a href="#">
	    				<div class="img"><img src=""/></div>
	    				<p>保养快修</p>
	    			</a></li>
	    			<li><a href="#">
	    				<div class="img"><img src=""/></div>
	    				<p>漆面修复</p>
	    			</a></li>
	    		</ul>
		    </div>
		    
		    <!-----精选服务------>
		    <div class="select">
		    	<div class="titl">精选服务</div>
		    	<div class="list">
			    	<ul>
			    		<li><a href="#">
		    				<div class="img"><img src=""/></div>
		    				<p>安全检测</p>
		    			</a></li>
		    			<li><a href="#">
		    				<div class="img"><img src=""/></div>
		    				<p>故障维修</p>
		    			</a></li>
		    			<li><a href="#">
		    				<div class="img"><img src=""/></div>
		    				<p>紧急救援</p>
		    			</a></li>
		    			<li><a href="#">
		    				<div class="img"><img src=""/></div>
		    				<p>保险服务</p>
		    			</a></li>
		    			<li><a href="#">
		    				<div class="img"><img src=""/></div>
		    				<p>违章查询</p>
		    			</a></li>
		    			<li><a href="#">
		    				<div class="img"><img src=""/></div>
		    				<p>用品租赁</p>
		    			</a></li>
			    	</ul>
			    </div>
		    </div>
		    <div class="nav">新会员注册，洗车首单半价</div>
		</div>
		
		<!--脚部-->
		<footer>
			<a href="#" class="index footer_active">
				<i class="glyphicon glyphicon-home"></i>&nbsp;主页
			</a>
			<a href="#" class="ddan">
				<i class="fa fa-file-text-o"></i>&nbsp;订单
			</a>
			<a href="#" class="index">
				<i class="fa fa-user"></i>&nbsp;我的
			</a>
		</footer>
	</body>
</html>
